<template>
  <div id="app-container">
    <div class="title">
      工作日志
    </div>
    <!-- <Timer />
    <Daily /> -->
    <Log />
  </div>
</template>

<script>
import Timer from './components/Timer.vue'
import Daily from './components/Daily.vue'
import Log from './components/Log.vue'

export default {
  name: 'App',
  components: {
    Timer, Daily, Log
  },
  data() {
    return {
    }
  },
  mounted() {
  },
  methods: {
  }
}
</script>

<style>
#app-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.title {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(151, 63, 97);
  color: white;
  margin-bottom: 10px;
  font-size: 40px;
  padding: 10px 0;
}
</style>
